/**
  Copyright 2009 Google Inc.

  Licensed under the Apache License, Version 2.0 (the 'License')
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

     http:#www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an 'AS IS' BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
 */

/**
 * Color Map
 #4291bf => darkish-blue for buttons and some text.
 #e8a63d => orange for the nav.
 */

body {
  font: 87%/1.4 Arial, sans;
  padding: 15px;
  margin: 0;
}

h3 {
  margin: 2px 0;
}

a {
 color: #4291bf;
}
a:active {
 color: #e8a63d;
}
a:visited {
 color: #4291bf;
}

form div em {
  display: block;
  font-size: 90%;
  color: #ccc;
}
form label {
  display: block;
  margin-top: 16px;
}

.uap-table {
  empty-cells: show;
  background: #fff;
  border-collapse: collapse;
  margin: 20px 0 0px 0;
}
.uap-table:first-child {
  margin-top: 0;
}
.uap-table thead th {
  cursor: pointer;
  background-color: #eee;
  padding: .4em .3em;
  margin: 0;
  border: 1px solid #ddd;
  font-weight: bold;
  text-align: left;
}
.uap-table tbody td {
  padding: .4em;
}
.uap-table td {
  border: 1px solid #ddd;
}
.uap-table td.wrap {
  white-space: normal !important;
  width: 20% !important;
}

/** General styles **/
.uap-compact {
  margin: 0;
  padding: 0;
  list-style: none;
}

.uap-ir span {
  position: absolute;
  top: -9999px;
}

.uap-list-horz li {
  float: left;
}

.uap-btn,
a.uap-btn,
.uap-btn-disabled {
  border: 0;
  border-bottom: 1px solid #555;
  padding: 5px 25px;
  text-decoration: none;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  text-shadow: 0 1px 2px #444;
  white-space: nowrap;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-box-shadow: 0 2px 2px rgba(102, 102, 102, .4);
  -webkit-box-shadow: 0 2px 2px rgba(102, 102, 102, .4);
}
.uap-btn-disabled {
  background: #222;
}
.uap-btn:hover {
  text-decoration: underline;
  cursor: pointer;
}
.uap-btn-arr {
  font-size: 80%;
}


a.uap-admin {
  font-size: 80%;
  color: darkred !important;
  text-decoration: none;
}

.uap-loading {
  padding: 5em;
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  color: #666;
  background: url(/static/img/loading.gif) 50% 34% no-repeat;
}

/* chrome frame checkbox */
#uap-cf-enabled {
  margin: 0 0 0 .7em;
}
#uap-cf-c label {
  margin: 0 0 0 .2em;
}

/** TopNav **/
#uap-logo {
  margin: 0;
  float: left;
}
#uap-logo a {
  display: block;
  margin: 0 20px 0 0;
}
#uap-nav {
  overflow: hidden;
  padding: 7px 0;
  background: #f90;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-box-shadow: 0 2px 2px rgba(102, 102, 102, .4);
  -webkit-box-shadow: 0 2px 2px rgba(102, 102, 102, .4);
}
#uap-nav .g-c {
  padding: 3px 8px 0;
}
#uap-nav-cats {
  float: left;
  width: auto;
  margin: 0 0 0 10px;
}
#uap-nav a,
#uap-nav span {
  font-size: 1.1em;
  color: #fff;
  _color: #000;
  text-shadow: 0 1px 2px #444;
  font-weight: bold;
  text-decoration: none;
  padding-right: .4em;
  margin-right: .2em;
  white-space: nowrap;
}
#uap-nav a:hover {
  text-decoration: underline;
}
#uap-nav-sub a,
#uap-nav-sub span {
  font-size: 80%;
}
#uap-nav-cats li a {
  width: auto;
  padding: 3px 5px;
  margin-right: .6em;
}


#uap-nav .g-unit {
  width: 29.999%;
  float: left;
  text-align: right;
}
#uap-nav .g-first {
  width: 69.999%;
  text-align: left;
}

.uap-bc {
  float: right;
  margin-right: 7px;
}

#uap-body {
  padding: 30px 0 0;
}

/** Footer **/
#uap-foot {
  margin: 30px;
  border-top: 1px solid #ccc;
  padding-top: 6px;
  font-size: 80%;
  text-align: center;
}

/** FAQ **/
#uap-faq dt {
  font-size: 130%;
  font-weight: bold;
}
#uap-faq dd {
  margin: .5em 0 1em .5em;
}

.uap-submit-c {
  margin-top: 16px;
}


/**
 * g-section fundamentally has to clear floats. There are many ways to do this.
 * This technique is nice because it doesn't rely on overflow: hidden, which
 * has the potential to hide your content in situations where a fixed size
 * node takes up too much space (like a big table, or a text input or image.
 * Works in Webkit, IE8, and FF3.
 */
.g-section {
  width: 100%;
  vertical-align: top;
  display: inline-block;
}

/**
 * IE7-only hack. Nicely IE7 will clear floats with just block display
 * and hasLayout.
 */
*:first-child+html .g-section {
  display: block;
}

/**
 * IE6 cannot hang with overflow: visible. If we use the IE7 display block
 * trick in IE6 we get severe float drop in nested grids.
 */
* html .g-section {
  overflow: hidden;
}

/* FF2 can't actually hang with overflow: visible. */
@-moz-document url-prefix() {
  .g-section {
    overflow: hidden;
  }
}

/**
 * FF3 now needs to be reset after the previous block which affects it as well.
 * We target the tt element in this hack because no one uses it.
 */
@-moz-document url-prefix() {
  .g-section,tt:default {
    overflow: visible;
  }
}

/* Forces "hasLayout" fixing a gamut of bugs in <= IE7. */
.g-section,
.g-unit {
  zoom: 1;
}

html>body .goog-inline-block {
  display: -moz-inline-box; /* This is ignored by FF3 and later*/
  display: inline-block; /* This is ignored by pre-FF3 Gecko */
}
.goog-inline-block {
  position: relative;
  display: inline-block;
}
* html .goog-inline-block {
  display: inline;
}
*:first-child+html .goog-inline-block {
  display: inline;
}

